<!-- 
    1、传统布局（PC端布局）
        1）文档标准流（Flow Layout）
        利用结构标签的排放顺序来布局：块元素、行内元素、行内块元素
            display: none;
            display: inline;
            display: block;
            display: inline-block;
        2）浮动
            float:left
            float:right
            float:none
            clear:left
            clear:right
            clear:both
        3）定位
            静态    position:static
            绝对    position:absolute
            相对    position:relative
            固定    position:fixed
            粘性    position:sticky
    
    2、CSS3新布局（移动端布局）
        1）单独页面（仅仅移动端）
            流式布局            （也称百分比布局，根据容器宽度设置百分比）
            弹性布局            （display: flex;）
            适配布局            （rem+媒体查询，根据屏宽影响font-size大小）
        2）响应式页面（兼容PC端、ipad端、移动端）
            响应式布局          （bootstrap框架，根据屏宽影响列宽）
        3）适配布局
            vw、vh
        
    3、自己拓展
        display: table;
        display: ruby;
        display: grid;
 -->
